@use './src/styles/defaults/bootstrap-defaults' as bd;

.running i {
  color: bd.$primary;
}

.running:hover i {
  color: bd.$white;
}

a {
  .dot {
    background-color: bd.$primary;
    border: 2px solid bd.$secondary;
    border-radius: 50%;
    height: 11px;
    position: absolute;
    right: 17px;
    top: 10px;
    width: 10px;
  }

  &:hover .dot {
    background-color: bd.$white;
    border-color: bd.$primary;
  }
}
